﻿<!DOCTYPE html>
<html>
  <head>
    <title>通知提醒</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/通知提醒/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/通知提醒/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7228" class="ax_default">
        <div id="u7228_state0" class="panel_state" data-label="State1" style="">
          <div id="u7228_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7229" class="ax_default box_2">
              <div id="u7229_div" class=""></div>
              <div id="u7229_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7230" class="ax_default paragraph">
              <div id="u7230_div" class=""></div>
              <div id="u7230_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u7231" class="ax_default" data-label="header">
        <div id="u7231_state0" class="panel_state" data-label="State1" style="">
          <div id="u7231_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7232" class="ax_default box_1">
              <div id="u7232_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7233" class="ax_default">
              <div id="u7233_state0" class="panel_state" data-label="State1" style="">
                <div id="u7233_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7234" class="ax_default box_1">
                    <div id="u7234_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7235" class="ax_default box_1">
                    <div id="u7235_div" class=""></div>
                    <div id="u7235_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7236" class="ax_default box_1">
                    <div id="u7236_div" class=""></div>
                    <div id="u7236_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7237" class="ax_default image">
                    <img id="u7237_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7238" class="ax_default box_1">
                    <img id="u7238_img" class="img " src="images/index/u11.png"/>
                    <div id="u7238_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7239" class="ax_default box_1">
        <div id="u7239_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u7241" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7241_div" class=""></div>
        <div id="u7241_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7242" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7242_div" class=""></div>
        <div id="u7242_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7243" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7243_div" class=""></div>
        <div id="u7243_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7244" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7244_div" class=""></div>
        <div id="u7244_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7245" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7245_div" class=""></div>
        <div id="u7245_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7246" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7246_div" class=""></div>
        <div id="u7246_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7247" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7247_div" class=""></div>
        <div id="u7247_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7248" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7248_div" class=""></div>
        <div id="u7248_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7249" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7249_div" class=""></div>
        <div id="u7249_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7250" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7250_div" class=""></div>
        <div id="u7250_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7251" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7251_div" class=""></div>
        <div id="u7251_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7252" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7252_div" class=""></div>
        <div id="u7252_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7253" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7253_div" class=""></div>
        <div id="u7253_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7254" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7254_div" class=""></div>
        <div id="u7254_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7255" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7255_div" class=""></div>
        <div id="u7255_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7256" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7256_div" class=""></div>
        <div id="u7256_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7257" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7257_div" class=""></div>
        <div id="u7257_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7258" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7258_div" class=""></div>
        <div id="u7258_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7259" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7259_div" class=""></div>
        <div id="u7259_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7260" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7260_div" class=""></div>
        <div id="u7260_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7261" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7261_div" class=""></div>
        <div id="u7261_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7262" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7262_div" class=""></div>
        <div id="u7262_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7263" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7263_div" class=""></div>
        <div id="u7263_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7264" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7264_div" class=""></div>
        <div id="u7264_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7265" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7265_div" class=""></div>
        <div id="u7265_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7266" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7266_div" class=""></div>
        <div id="u7266_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7267" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7267_div" class=""></div>
        <div id="u7267_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7268" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7268_div" class=""></div>
        <div id="u7268_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7269" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7269_div" class=""></div>
        <div id="u7269_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7270" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7270_div" class=""></div>
        <div id="u7270_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7271" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7271_div" class=""></div>
        <div id="u7271_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7272" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7272_div" class=""></div>
        <div id="u7272_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7273" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7273_div" class=""></div>
        <div id="u7273_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7274" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7274_div" class=""></div>
        <div id="u7274_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7275" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7275_div" class=""></div>
        <div id="u7275_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7276" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7276_div" class=""></div>
        <div id="u7276_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7277" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7277_div" class=""></div>
        <div id="u7277_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7278" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7278_div" class=""></div>
        <div id="u7278_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7279" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7279_div" class=""></div>
        <div id="u7279_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7280" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7280_div" class=""></div>
        <div id="u7280_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7281" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7281_div" class=""></div>
        <div id="u7281_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7282" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7282_div" class=""></div>
        <div id="u7282_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7283" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7283_div" class=""></div>
        <div id="u7283_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7284" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7284_div" class=""></div>
        <div id="u7284_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7285" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7285_div" class=""></div>
        <div id="u7285_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7286" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7286_div" class=""></div>
        <div id="u7286_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7287" class="ax_default box_1 selected" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7287_div" class="selected"></div>
        <div id="u7287_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7288" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7288_div" class=""></div>
        <div id="u7288_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7289" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7289_div" class=""></div>
        <div id="u7289_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7290" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7290_div" class=""></div>
        <div id="u7290_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7291" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7291_div" class=""></div>
        <div id="u7291_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7292" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7292_div" class=""></div>
        <div id="u7292_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7293" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7293_div" class=""></div>
        <div id="u7293_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7294" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7294_div" class=""></div>
        <div id="u7294_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7295" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7295_div" class=""></div>
        <div id="u7295_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7296" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7296_div" class=""></div>
        <div id="u7296_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7297" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7297_div" class=""></div>
        <div id="u7297_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7298" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7298_div" class=""></div>
        <div id="u7298_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7299" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7299_div" class=""></div>
        <div id="u7299_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7300" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7300_div" class=""></div>
        <div id="u7300_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7301" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7301_div" class=""></div>
        <div id="u7301_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7302" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7302_div" class=""></div>
        <div id="u7302_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7303" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-fenzu-light">
        <div id="u7303_div" class=""></div>
        <div id="u7303_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7304" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7304_div" class=""></div>
        <div id="u7304_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7305" class="ax_default box_1" selectiongroup="u7240nav-cebianlan-light">
        <div id="u7305_div" class=""></div>
        <div id="u7305_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7307" class="ax_default">
        <div id="u7307_state0" class="panel_state" data-label="State1" style="">
          <div id="u7307_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7308" class="ax_default box_1">
              <div id="u7308_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7309" class="ax_default">
              <div id="u7309_state0" class="panel_state" data-label="State1" style="">
                <div id="u7309_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7310" class="ax_default box_1">
                    <div id="u7310_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7311" class="ax_default label">
                    <div id="u7311_div" class=""></div>
                    <div id="u7311_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7312" class="ax_default label">
                    <div id="u7312_div" class=""></div>
                    <div id="u7312_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7313" class="ax_default label">
                    <div id="u7313_div" class=""></div>
                    <div id="u7313_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7314" class="ax_default label">
                    <div id="u7314_div" class=""></div>
                    <div id="u7314_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7315" class="ax_default label">
                    <div id="u7315_div" class=""></div>
                    <div id="u7315_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7316" class="ax_default label">
                    <div id="u7316_div" class=""></div>
                    <div id="u7316_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7317" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7318" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7319" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7320" class="ax_default image">
                    <img id="u7320_img" class="img " src="images/logo.png"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7321" class="ax_default heading_1">
        <div id="u7321_div" class=""></div>
        <div id="u7321_text" class="text ">
          <p><span>Notice 通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7322" class="ax_default heading_1">
        <div id="u7322_div" class=""></div>
        <div id="u7322_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7323" class="ax_default label">
        <div id="u7323_div" class=""></div>
        <div id="u7323_text" class="text ">
          <p><span>在界面右上角显示可关闭的全局通知，常用于以下场景：</span></p><p><span>&#149; 通知内容带有描述信息</span></p><p><span>&#149; 系统主动推送</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7324" class="ax_default" data-left="230" data-top="1489" data-width="1040" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u7325" class="ax_default box_1">
          <img id="u7325_img" class="img " src="images/色彩/u335.png"/>
          <div id="u7325_text" class="text ">
            <p><span style="color:#FFFFFF;">Primary</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#2d8cf0</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7326" class="ax_default box_1">
          <img id="u7326_img" class="img " src="images/色彩/u336.png"/>
          <div id="u7326_text" class="text ">
            <p><span style="color:#FFFFFF;">Light Primary</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#5cadff</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7327" class="ax_default box_1">
          <img id="u7327_img" class="img " src="images/色彩/u337.png"/>
          <div id="u7327_text" class="text ">
            <p><span style="color:#FFFFFF;">Dark Primary</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#2b85e4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7328" class="ax_default box_1">
          <img id="u7328_img" class="img " src="images/色彩/u338.png"/>
          <div id="u7328_text" class="text ">
            <p><span style="color:#FFFFFF;">Info</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#2db7f5</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7329" class="ax_default box_1">
          <img id="u7329_img" class="img " src="images/色彩/u339.png"/>
          <div id="u7329_text" class="text ">
            <p><span style="color:#FFFFFF;">Success</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#19be6b</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7330" class="ax_default box_1">
          <img id="u7330_img" class="img " src="images/色彩/u340.png"/>
          <div id="u7330_text" class="text ">
            <p><span style="color:#FFFFFF;">Warning</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#ff9900</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7331" class="ax_default box_1">
          <img id="u7331_img" class="img " src="images/色彩/u341.png"/>
          <div id="u7331_text" class="text ">
            <p><span style="color:#FFFFFF;">Error</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#ed4014</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7332" class="ax_default box_1">
          <img id="u7332_img" class="img " src="images/色彩/u342.png"/>
          <div id="u7332_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">标题</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;"> Title</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">#17233d</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7333" class="ax_default box_1">
          <img id="u7333_img" class="img " src="images/色彩/u343.png"/>
          <div id="u7333_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">正文</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;"> Content</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">#515a6e</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7334" class="ax_default box_1">
          <img id="u7334_img" class="img " src="images/色彩/u344.png"/>
          <div id="u7334_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">辅助</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">/</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">图标</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;"> Sub Color</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">#808695</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7335" class="ax_default box_1">
          <img id="u7335_img" class="img " src="images/色彩/u345.png"/>
          <div id="u7335_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">失效</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;"> Disabled</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">#</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">c5c8ce</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7336" class="ax_default box_1">
          <img id="u7336_img" class="img " src="images/色彩/u346.png"/>
          <div id="u7336_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">边框 Border</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#dcdee2</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7337" class="ax_default box_1">
          <img id="u7337_img" class="img " src="images/色彩/u347.png"/>
          <div id="u7337_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分隔线 Divider</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#e8eaec</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7338" class="ax_default box_1">
          <img id="u7338_img" class="img " src="images/色彩/u348.png"/>
          <div id="u7338_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">背景 Background</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#f8f8f9</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7339" class="ax_default label">
        <div id="u7339_div" class=""></div>
        <div id="u7339_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7340" class="ax_default label">
        <div id="u7340_div" class=""></div>
        <div id="u7340_text" class="text ">
          <p><span>只实现了样式。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7341" class="ax_default" data-left="230" data-top="382" data-width="336" data-height="52">

        <!-- Unnamed (Rectangle) -->
        <div id="u7342" class="ax_default box_1">
          <div id="u7342_div" class=""></div>
          <div id="u7342_text" class="text ">
            <p><span>这是通知标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7343" class="ax_default label">
          <div id="u7343_div" class=""></div>
          <div id="u7343_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7344" class="ax_default" data-left="230" data-top="455" data-width="336" data-height="103">

        <!-- Unnamed (Rectangle) -->
        <div id="u7345" class="ax_default box_1">
          <div id="u7345_div" class=""></div>
          <div id="u7345_text" class="text ">
            <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7346" class="ax_default label">
          <div id="u7346_div" class=""></div>
          <div id="u7346_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7347" class="ax_default label">
        <div id="u7347_div" class=""></div>
        <div id="u7347_text" class="text ">
          <p><span>提醒类型</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7348" class="ax_default label">
        <div id="u7348_div" class=""></div>
        <div id="u7348_text" class="text ">
          <p><span>带有状态图标的提醒。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7349" class="ax_default box_1">
        <div id="u7349_div" class=""></div>
        <div id="u7349_text" class="text ">
          <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7350" class="ax_default label">
        <div id="u7350_div" class=""></div>
        <div id="u7350_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7351" class="ax_default label">
        <div id="u7351_div" class=""></div>
        <div id="u7351_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7352" class="ax_default box_1">
        <div id="u7352_div" class=""></div>
        <div id="u7352_text" class="text ">
          <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7353" class="ax_default label">
        <div id="u7353_div" class=""></div>
        <div id="u7353_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7354" class="ax_default label">
        <div id="u7354_div" class=""></div>
        <div id="u7354_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7355" class="ax_default box_1">
        <div id="u7355_div" class=""></div>
        <div id="u7355_text" class="text ">
          <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7356" class="ax_default label">
        <div id="u7356_div" class=""></div>
        <div id="u7356_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7357" class="ax_default label">
        <div id="u7357_div" class=""></div>
        <div id="u7357_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7358" class="ax_default box_1">
        <div id="u7358_div" class=""></div>
        <div id="u7358_text" class="text ">
          <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7359" class="ax_default label">
        <div id="u7359_div" class=""></div>
        <div id="u7359_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7360" class="ax_default label">
        <div id="u7360_div" class=""></div>
        <div id="u7360_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7361" class="ax_default box_1">
        <div id="u7361_div" class=""></div>
        <div id="u7361_text" class="text ">
          <p><span>这是通知标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7362" class="ax_default label">
        <div id="u7362_div" class=""></div>
        <div id="u7362_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7363" class="ax_default label">
        <div id="u7363_div" class=""></div>
        <div id="u7363_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7364" class="ax_default box_1">
        <div id="u7364_div" class=""></div>
        <div id="u7364_text" class="text ">
          <p><span>这是通知标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7365" class="ax_default label">
        <div id="u7365_div" class=""></div>
        <div id="u7365_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7366" class="ax_default box_1">
        <div id="u7366_div" class=""></div>
        <div id="u7366_text" class="text ">
          <p><span>这是通知标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7367" class="ax_default label">
        <div id="u7367_div" class=""></div>
        <div id="u7367_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7368" class="ax_default box_1">
        <div id="u7368_div" class=""></div>
        <div id="u7368_text" class="text ">
          <p><span>这是通知标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7369" class="ax_default label">
        <div id="u7369_div" class=""></div>
        <div id="u7369_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7370" class="ax_default label">
        <div id="u7370_div" class=""></div>
        <div id="u7370_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7371" class="ax_default label">
        <div id="u7371_div" class=""></div>
        <div id="u7371_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7372" class="ax_default label">
        <div id="u7372_div" class=""></div>
        <div id="u7372_text" class="text ">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
